.book {
    position: relative;
    width: 100%;
    height: 100%;

    &.with-summary {
        @media (min-width: @sidebar-breakpoint) {
            .book-body {
                left: @sidebar-width;
            }
        }
        @media (max-width: @sidebar-breakpoint) {
            overflow: hidden;

            .book-body {
                .translate(~"calc(100% - 60px)", 0px);
            }
        }
    }

    &.without-animation {
        .book-body {
            .transition(none) !important;
        }
    }
}

.book-body {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    overflow-y: auto;

    color: @page-color;
    background: @body-background;
    .transition(left @sidebar-transition-duration ease);

    .body-inner {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
        overflow-y: auto;
    }

    @media (max-width: @mobileMaxWidth) {
        .transition-transform(@sidebar-transition-duration ease);
        padding-bottom: 20px;

        .body-inner {
            position: static;
            min-height: calc(~"100% - 50px")
        }
    }
}
